<template>
  <div>
    <div class="boxa">
      <h6>商城</h6>
    </div>
    <div class="boxb">
      <div>
        <span class="iconfont icon-fangdajing"></span>
        <input type="text"  placeholder="超级柔软的猫窝笔袋" />
      </div>
      <div>
        <span class="iconfont icon-24gl-headset"></span>
        <span class="iconfont icon-wode2"></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.boxa {
  height: 0.5rem;
  width: 3.42rem;
  margin: 0 auto;
  /* background: pink; */
  line-height: 0.5rem;
}
.boxb {
  height: 0.4rem;
  width: 3.42rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
input {
  list-style: none;
  font: .12rem; height: 1.9em; 
  border: none;
   outline:none;
  font: 12px arial; 
  height: 1.9em; 
  padding-top:.02rem
}
.icon-fangdajing {
  font-size: 0.17rem;
  padding-right: .04rem;
  color: dimgray;
}
.icon-24gl-headset,.icon-wode2{
     /* padding-right: .1rem; */
     margin-left: .2rem;
     font-size: .17rem
}
</style>